<!doctype html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="max-age=72000" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>imi框架官网 - PHP长连接微服务分布式开发框架|PHP框架|Swoole框架|Workerman框架|RoadRunner框架</title>
    <meta name="keywords" content="imi,imi框架,php框架,swoole,swoole框架,php协程框架,php异步框架" />
    <meta name="description"
        content="imi是长连接分布式微服务 PHP 开发框架，多容器、分布式、高性能、次世代！支持 Http、Http2、WebSocket、TCP、UDP、MQTT 应用开发。可在 PHP-FPM、Swoole、Workerman 和 RoadRunner 等多种容器环境下运行。" />
    <script type="text/javascript" src="assets/loadpage/src/loadpage.js"></script>
    <script type="text/javascript" src="assets/loadpage/index.js"></script>
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "mainEntityOfPage": "https://www.imiphp.com/",
            "@type": "WebPage",
            "headline": "imi框架官网 - PHP长连接微服务分布式开发框架|PHP框架|Swoole框架|Workerman框架|RoadRunner框架",
            "datePublished": "2021-09-08T09:19:46",
            "dateModified": "2021-10-13T17:14:00",
            "description": "imi是长连接分布式微服务 PHP 开发框架，多容器、分布式、高性能、次世代！支持 Http、Http2、WebSocket、TCP、UDP、MQTT 应用开发。可在 PHP-FPM、Swoole、Workerman 和 RoadRunner 等多种容器环境下运行。",
            "image": "", // 显示图标,后续添加
            "author": {
                "@type": "Person",
                "name": "宇润"
            },
            "publisher": {
                "@type": "Organization",
                "name": "imi框架"
            }
        }
    </script>
</head>

<body>

    <div class="header">
        <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
            <div class="navigate">
                <div class="wrap">
                    <a class="pure-menu-heading" href="./" title="imi框架">
                        <img class="logo-full" src="../images/logo.png" alt="imi框架Logo" />
                        <img class="logo-min" src="../images/logo-280.png" alt="imi框架Logo" />
                    </a>
                    <div class="right">
                        <a target="_blank" class="pure-menu-heading" href="https://doc.imiphp.com/v3.0/"
                            title="imi开发文档">开发文档</a>
                        <a target="_blank" class="pure-menu-heading" href="./course.html" title="imi免费教程">免费教程</a>
                        <a class="pure-menu-heading donation juanzeng" href="javascript:;" title="imi打赏赞助"><img
                                src="../images/juanzeng.svg"
                                style="width:30px;" />打赏赞助</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="splash-container">
        <div class="splash wrap">
            <h3 class="splash-head">PHP长连接微服务分布式开发框架</h2>
                <p class="splash-head"><img src="../images/logo-280.png" alt="imi 框架 Logo" class="logo"></p>
                <p class="splash-head2">
                    多容器、分布式、高性能、次世代
                </p>
                <p class="splash-subhead">
                    imi 实现了上层应用与底层容器解耦的能力，PHP 多容器的时代已经到来！
                </p>
                <p class="splash-subhead">
                    现已被用于文旅电商平台、物联网充电云平台、停车云平台、支付微服务、短信微服务、钱包微服务、卡牌游戏服务端、数据迁移服务（虎扑）等项目中。
                </p>

                <div class="repo">
                    <a href="https://github.com/imiphp/imi" class="repo-button" target="_blank" rel="nofollow"><img
                            src="../images/github.svg">Github</a>
                    <a href="https://gitee.com/yurunsoft/IMI" class="repo-button" target="_blank" rel="nofollow"><img
                            src="../images/gitee.svg">Gitee</a>
                    <a href="https://ai.imiphp.com" target="_blank"
                        style="color:#f05;font-weight: bold;font-size: 18px;"
                        class="repo-button"><img
                            src="../images/imi-ai.svg">imi AI</a>
                    <a href="javascript:;" class="repo-button donation"><img
                            src="../images/juanzeng.svg">打赏赞助</a>
                </div>

                <p class="imi_contact_gray">
                    支持的容器：PHP-FPM、Swoole、Workerman、RoadRunner
                </p>

                <div class="imi_contact">
                    <p>
                        <a href="https://packagist.org/packages/imiphp/imi" rel="nofollow" target="_blank"><img
                                src="https://img.shields.io/packagist/v/imiphp/imi.svg" alt="Latest Version"
                                loading="lazy" /></a>
                        <a href="https://gitee.com/yurunsoft/IMI/stargazers" rel="nofollow" target="_blank"><img
                                src="https://gitee.com/yurunsoft/IMI/badge/star.svg?theme=gvp" alt="star"
                                loading="lazy" /></a>
                        <a href="https://secure.php.net/" rel="nofollow" target="_blank"><img
                                src="https://img.shields.io/badge/php-%3E=8.1-brightgreen.svg" alt="Php Version"
                                loading="lazy" /></a>
                        <a href="https://github.com/swoole/swoole-src" rel="nofollow" target="_blank"><img
                                src="https://img.shields.io/badge/swoole-%3E=5.0.0-brightgreen.svg" alt="Swoole Version"
                                loading="lazy" /></a>
                        <a href="https://github.com/imiphp/imi/blob/master/LICENSE" rel="nofollow" target="_blank"><img
                                src="https://img.shields.io/badge/license-MulanPSL%202.0-brightgreen.svg"
                                alt="imi License" loading="lazy" /></a>
                    </p>
                    <p>
                        QQ群: 17916227 <a target="_blank"
                            href="https://shang.qq.com/wpa/qunwpa?idkey=d798f9763a255582caeec0608ab1eaf2b42a6230afea7a45a2cf462822484bd6"
                            rel="nofollow"><img border="0" src="https://pub.idqqimg.com/wpa/images/group.png"
                                alt="宇润 PHP 组件全家桶" title="宇润 PHP 组件全家桶" style="vertical-align: sub;"></a>
                        |
                        微信群：<a class="btn-wechat" href="javascript:;">点我进群 &gt;&gt;</a>
                    </p>
                </div>

        </div>
    </div>

    <div class="content-wrapper">
        <div class="content wrap">
            <h2 class="content-head is-center">功能特点</h2>
            <div class="pure-g gongneng">
                <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                    <h3 class="content-subhead">
                        <i class="fa fa-server"></i>
                        服务器协议
                    </h3>
                    <ul>
                        <li><a href="https://doc.imiphp.com/v3.0/components/httpserver/controller.html"
                                target="_blank">HTTP Web Api/MVC</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/websocketServer/websocketController.html"
                                target="_blank">WebSocket</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/tcpServer/controller.html"
                                target="_blank">TCP Server</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/udpServer/controller.html"
                                target="_blank">UDP Server</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/httpserver/http2.html"
                                target="_blank">HTTP2</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/mqtt/server.html" target="_blank">MQTT</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/rpc/grpc.html" target="_blank">gRPC</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/core/long-connection-distributed.html#Workerman%20Gateway"
                                target="_blank">Workerman Gateway</a></li>
                    </ul>
                </div>
                <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                    <h3 class="content-subhead">
                        <i class="fa fa-database"></i>
                        数据库/消息队列
                    </h3>
                    <ul>
                        <li><a href="https://doc.imiphp.com/v3.0/components/db/mysql.html" target="_blank">MySQL</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/db/pgsql.html"
                                target="_blank">PostgreSQL</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/redis/index.html" target="_blank">Redis</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/db/config.html" target="_blank">连接池</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/orm/RDModel.html" target="_blank">超强超好用的自研
                                ORM</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/influxdb.html" target="_blank">InfluxDB</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/tdengine.html" target="_blank">TDengine</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/mq/amqp.html" target="_blank">RabbitMQ</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/mq/kafka.html" target="_blank">Kafka</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/mq/redis.html" target="_blank">Redis
                                Queue</a></li>
                    </ul>
                </div>
                <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                    <h3 class="content-subhead">
                        <i class="fa fa-cubes"></i>
                        特色功能
                    </h3>
                    <ul>
                        <li><a href="https://doc.imiphp.com/v3.0/core/container.html" target="_blank">容器化（Container）</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/aop/index.html" target="_blank">依赖注入+Aop</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/event/index.html"
                                target="_blank">事件（Event）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/task/cron.html"
                                target="_blank">定时任务（Cron）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/async/index.html"
                                target="_blank">异步（Async）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/core/requestContext.html"
                                target="_blank">上下文（Context）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/facade/index.html"
                                target="_blank">门面（Facade）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/validation/index.html"
                                target="_blank">验证器（Validate）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/timer/index.html"
                                target="_blank">定时器（Timer）</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/dev/generate/swagger.html" target="_blank">Swagger</a>
                        </li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/macro.html" target="_blank">宏（Macro）</a>
                        </li>
                        <li><a href="https://github.com/imiphp/imi-shared-memory" target="_blank">共享内存</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/snowflake.html"
                                target="_blank">雪花算法发号器（Snowflake）</a></li>
                        <li style="list-style: none;">……</li>
                    </ul>
                </div>
                <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                    <h3 class="content-subhead">
                        <i class="fa fa-rocket"></i>
                        微服务
                    </h3>
                    <ul>
                        <li><a href="https://doc.imiphp.com/v3.0/components/config/center.html#Nacos"
                                target="_blank">Nacos 配置中心</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/config/center.html#Etcd"
                                target="_blank">etcd 配置中心</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/serviceRegistry/index.html#Nacos"
                                target="_blank">Nacos 服务注册</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/serviceDiscovery/index.html#Nacos"
                                target="_blank">Nacos 服务发现</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/swoole-tracker.html" target="_blank">Swoole
                                Tracker</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/tracing/opentracing.html#Zipkin"
                                target="_blank">Zipkin</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/tracing/opentracing.html#Jaeger"
                                target="_blank">Jaeger</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/meter/prometheus.html"
                                target="_blank">Prometheus</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/meter/influxdb.html"
                                target="_blank">InfluxDB 服务指标监控</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/meter/tdengine.html"
                                target="_blank">TDengine 服务指标监控</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/serviceDiscovery/index.html"
                                target="_blank">负载均衡</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/rate-limit.html" target="_blank">限流</a></li>
                        <li><a href="https://doc.imiphp.com/v3.0/components/rpc/grpc.html" target="_blank">gRPC</a></li>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="content">
            <h2 class="content-head is-center">快速创建 imi 项目</h2>
            <div class="pure-g wrap">
                <div class="pure-u-1 pure-u-md-1-1 pure-u-lg-1-1">
                    <table class="code_table">
                        <tbody>
                            <tr>
                                <th>Http Server</th>
                                <td><code>composer create-project imiphp/project-http</code></td>
                            </tr>
                            <tr>
                                <th>WebSocket Server</th>
                                <td><code>composer create-project imiphp/project-websocket</code></td>
                            </tr>
                            <tr>
                                <th>TCP Server</th>
                                <td><code>composer create-project imiphp/project-tcp</code></td>
                            </tr>
                            <tr>
                                <th>UDP Server</th>
                                <td><code>composer create-project imiphp/project-udp</code></td>
                            </tr>
                            <tr>
                                <th>gRPC Server</th>
                                <td><code>composer create-project imiphp/project-grpc</code></td>
                            </tr>
                            <tr>
                                <th>MQTT Server</th>
                                <td><code>composer create-project imiphp/project-mqtt</code></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="wrap">
            <a href="case.html">
                <h2 class="content-head is-center">成功案例 &gt;&gt;</h2>
            </a>
            <div id="lunbo">
                <div class="ribbon l-box-lrg pure-g">
                    <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
                        <img class="pure-img-responsive" src="../images/anli/kekehong.jpg">
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                        <h2 class="content-head content-head-ribbon"><a
                                href="javascript:alert('请联系手机或微信：13753441707 马江川');">菜谱更替餐饮预定</a></h2>
                        <p>本系统是为没济南某大学为大学生倾情打造的一款校园外卖系统，实现真正的前端订餐后台业务管理等一套完善的订餐系统，根据订单进行多维度，如订单时间，菜谱，配送位置，楼层，甚至寝室号等进行排序打印，统计，小票按照不同顺序进行打印，为打包配送餐品节省了巨大的工作量，imi
                            提供的后台任务功能为打印数量巨大的小票时起到了非常巨大的作用。</p>
                        <p>imi 提供的 orm 关联非常好用，尤其是关联预加载，在 swoole 框架中是独一份，而且 imi 基本每周都有更新，当碰到问题时在 imi 群中反馈或者在 github 提
                            issue 会解决非常快速，imi作者雨润还有很多开源项目，都非常好用，非常感谢 imi 作者做的这些工作。</p>
                    </div>
                </div>
                <div class="ribbon l-box-lrg pure-g">
                    <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
                        <img class="pure-img-responsive" src="../images/anli/chongdian.png">
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                        <h2 class="content-head content-head-ribbon"><a href="https://www.teny.tech/"
                                target="_blank">智慧充电系统（SaaS）</a></h2>
                        <p>基于imi开发的高性能高并发分布式（千万级设备）的能源销售管理平台，提供多场景充电桩、售电柜、换电柜、智能电池等设备接入。SaaS开户即用，更有开放API第三方应用五分钟即可完成新能源物联网售电设备接入
                        </p>
                    </div>
                </div>
                <div class="ribbon l-box-lrg pure-g">
                    <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
                        <img class="pure-img-responsive" src="../images/anli/tingche.png">
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                        <h2 class="content-head content-head-ribbon"><a href="https://www.space-iot.net/"
                                target="_blank">智慧停车系统</a></h2>
                        <p>基于imi开发的高性能高并发分布式停车系统，提供商场停车场、小区停车场等多种场景下的停车业务</p>
                    </div>
                </div>
                <div class="ribbon l-box-lrg pure-g">
                    <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
                        <img class="pure-img-responsive" src="../images/anli/zhifu.jpg">
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                        <h2 class="content-head content-head-ribbon"><a href="https://www.space-iot.net/"
                                target="_blank">支付SaaS中台微服务</a></h2>
                        <p>基于imi开发的支付SaaS中台微服务，为公司内部多个产品及项目，提供稳定可靠快速的支付服务。</p>
                    </div>
                </div>
                <div class="ribbon l-box-lrg pure-g">
                    <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
                        <img class="pure-img-responsive" src="../images/anli/adorecipe.jpg">
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
                        <h2 class="content-head content-head-ribbon"><a href="https://adorecipe.com/"
                                target="_blank">Adorecipe鸡尾酒资源库</a></h2>
                        <p>本项目是基于imi 2.0的高性能 MVC 实战项目（一人完成开发），搭配 nginx 实现前端静态资源的访问及缓存，View 层很任性地采用了原生模板渲染。项目中大量使用了
                            imi提供的缓存注解，优化数据查询的性能，点赞等场景使用了 imi 提供的锁机制保证并发场景下的数据一致性。强推大家使用 imi 开发此类项目！</p>
                    </div>
                </div>
            </div>
            <div id="anli_company_list_box">
                <h2 class="content-head is-center">这些公司在用 imi</h2>
                <div class="pure-g anli_company_list">
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <img src="../images/anli/manduo.png" alt="无锡漫多网络科技有限公司" />无锡漫多网络科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="https://www.teny.tech/" target="_blank"><img src="../images/anli/tengyue.png"
                                alt="无锡市腾悦科技有限公司" />无锡市腾悦科技有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="https://space-iot.net/" target="_blank"><img src="../images/anli/space-iot.png"
                                alt="空间智造（无锡）物联科技有限公司" />空间智造（无锡）物联科技有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="https://www.hupu.com/" target="_blank"><img src="../images/anli/hupu2.png"
                                alt="虎扑（上海）文化传播股份有限公司" />虎扑（上海）文化传播股份有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">莱晟信息</div>
                        新疆莱晟信息服务有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">到家网络</div>
                        新疆到家网络科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <img src="../images/anli/kuhe.png" alt="酷盒信息技术有限公司" />酷盒信息技术有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">中程科</div>
                        新疆中程科信息科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="http://www.jinjifu.com/" target="_blank"><img src="../images/anli/jinjifu.jpeg"
                                alt="深圳金济福科技有限公司" />深圳金济福科技有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="http://www.thunderous.cn/" target="_blank"><img src="../images/anli/leiming.png"
                                alt="上海雷鸣文化传播有限公司" />上海雷鸣文化传播有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">好幸运</div>
                        北京好幸运网络科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">科可红</div>
                        科可红餐饮管理有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="http://www.youzhibo.cn/" target="_blank"><img src="../images/anli/youzhibo.png"
                                alt="西安优智泊物联网技术服务有限公司" />西安优智泊物联网技术服务有限公司</a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <img src="../images/anli/youhan.jpg" alt="上海优翰信息科技有限公司" />上海优翰信息科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <img src="../images/anli/luosi.png" alt="厦门络思科技有限公司" />厦门络思科技有限公司
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <a href="http://www.yiyi-tech.net/" target="_blank">
                            <div class="text-img">一壹信息</div>
                            一壹信息技术有限公司
                        </a>
                    </div>
                    <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                        <div class="text-img">羚羊科技</div>
                        广州羚羊科技有限公司
                    </div>
                </div>
                <div class="is-center">
                    <a href="https://github.com/imiphp/imi/issues/new?assignees=&labels=&template=cn.md"
                        target="_blank">我也要上榜</a>
                </div>
            </div>
        </div>

        <div class="content">
            <div class="pure-g">
                <div class="pure-u-1 pure-u-md-1-1 kaifa">
                    <p class="splash-head">为开源贡献</p>
                    <p class="splash-head2">imi 遵循木兰宽松许可证(Mulan PSL v2) 开源协议发布，并提供免费使用</p>
                    <button type="submit" class="pure-button pure-button-primary developer">加入开发</button>
                </div>
            </div>
        </div>

        <div class="content">
            <a href="donate.html">
                <h2 class="content-head is-center" style="padding-left: 5em;">
                    赞助列表 &gt;&gt;
                    <button type="submit"
                        class="pure-button pure-button-primary donation"
                        style="font-size: initial;padding: 0.5em;vertical-align: baseline;">我要打赏</button>
                </h2>
            </a>
            <div class="pure-g wrap donate-list">
                <div class="pure-u-1 pure-u-md-1-1 pure-u-lg-1-1">
                    <div class="content">
                        <table id="donate-table" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"
                            bgcolor="#FFF" imi-max="3" imi-new="10">
                            <thead>
                                <tr>
                                    <th width="20%">金额</th>
                                    <th width="20%">姓名</th>
                                    <th width="40%" class="liuyan">留言</th>
                                    <th width="20%">时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="4"><b>历史打赏最多的前三名</b></td>
                                </tr>
                                <tr id="tr-1">
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr id="tr-2">
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr id="tr-3">
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="4"><b>最近打赏记录</b></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="is-center" style="width: 100%;margin-top: 16px"><button type="submit"
                    class="pure-button pure-button-primary donation">我要打赏</button>
            </div>
        </div>

        <div class="footer is-center">
            <div style="padding: .5em;">
                <a target="_blank" href="https://www.zhihu.com/people/yurunsoft/posts/" rel="nofollow"><img
                        src="../images/zhihu.svg"></a>
                <a target="_blank" href="https://juejin.cn/user/852876751799710/" rel="nofollow"><img
                        src="../images/juejin.svg"></a>
                <a target="_blank" href="https://blog.yurunsoft.com/"><i class="imi-icon-yurun"
                        style="color:#734a4a;font-size:28px;"></i></a><br />
                Copyright © 2018-2023 imi 木兰宽松许可证(Mulan PSL v2)
            </div>
        </div>
    </div>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?a84a2a60e03941f661d43d22eeccc5af";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>

</html>